<template>
  <div class="welfare-pro-list">
    <div class="section">
      <div class="list">
        <div class="item" @click="router({path: './welfarePro'})">
          <img src="@/assets/gongyi04.png" alt="">
          <p class="title">关爱留守儿童计划 看见成长的力量</p>
          <div class="cons">
            <div class="item-con">
              <p class="num">2642578.33</p>
              <p class="text">用户捐款(元)</p>
            </div>
            <div class="item-con">
              <p class="num">86459</p>
              <p class="text">爱心(份)</p>
            </div>
            <div class="item-con">
              <p class="num">123</p>
              <p class="text">项目天数</p>
            </div>
          </div>
        </div>
        <div class="item">
          <img src="@/assets/gongyi04.png" alt="">
          <p class="title">关爱留守儿童计划 看见成长的力量</p>
          <div class="cons">
            <div class="item-con">
              <p class="num">2642578.33</p>
              <p class="text">用户捐款(元)</p>
            </div>
            <div class="item-con">
              <p class="num">86459</p>
              <p class="text">爱心(份)</p>
            </div>
            <div class="item-con">
              <p class="num">123</p>
              <p class="text">项目天数</p>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>

  export default {
    components: {
    },
    data () {
      return {
      }
    },
    created () {
    },
    methods: {
      router (path) {
        this.$router.push(path)
      },
    }
  }
</script>

<style lang="stylus" scoped>
.welfare-pro-list
  padding-top 1.5rem
  .section
    background-color #fff
    padding 0 1.5rem
    border-bottom 1px solid #E6E6E6
    .item
      margin-bottom 3rem
      img
        width 100%
      .title
        line-height 5rem
        height 5rem
        font-size 1.7rem
        color #333
        font-weight 800
      .cons
        background-color #FAFAFA
        display flex
        border-bottom .2rem solid #172F6D
        padding 1.8rem 0
        border-radius: .6rem .6rem 0px 0px;
        .item-con
          flex 1
          text-align center
          .text
            font-size 1.2rem
            color #999
            line-height 1.2rem
            height 1.2rem
          .num
            font-size 1.7rem
            color #000
            font-weight bold
            line-height 1.7rem
            height 1.7rem
            margin-bottom 1rem
</style>
